<template>
    <div id="app" class="bg">
        <Head>我的</Head>
        <img class="bg" src="../../../assets/images/cityinfo/me/me_11.png"/>
        <router-link class="box" to="/cityinfo/infopromanage">
            <img src="../../../assets/images/cityinfo/me/me_12.png"/>
            <div class="name">信息管理</div>
            <van-icon name="arrow" class="ic_right"/>
        </router-link>
        <router-link class="box" to="/cityinfo/selclass">
            <img src="../../../assets/images/cityinfo/me/me_14.png"/>
            <div class="name">我要发布</div>
            <van-icon name="arrow" class="ic_right"/>
        </router-link>
        <router-link class="box" to="/cityinfo/order">
            <img src="../../../assets/images/cityinfo/me/me_15.png"/>
            <div class="name">我的订单</div>
            <van-icon name="arrow" class="ic_right"/>
        </router-link>
        <router-link class="box" to="/cityinfo/footprint">
            <img src="../../../assets/images/cityinfo/me/me_16.png"/>
            <div class="name">浏览记录</div>
            <van-icon name="arrow" class="ic_right"/>
        </router-link>
        <router-link class="box" to="/cityinfo/promote">
            <img src="../../../assets/images/cityinfo/me/me_17.png"/>
            <div class="name">我要推广</div>
            <van-icon name="arrow" class="ic_right"/>
        </router-link>
        <div class="box" @click="show=true">
            <img src="../../../assets/images/cityinfo/me/me_18.png"/>
            <div class="name">联系客服</div>
            <van-icon name="arrow" class="ic_right"/>
        </div>
        <van-dialog v-model="show" title="微信扫码联系客服" confirm-button-text="知道了">
            <div class="dialog_wx_qr">
                <div class="qr_img"><img :src="$store.state.config.cityinfo_kefu"/></div>
            </div>
        </van-dialog>
        <BottomNav></BottomNav>
    </div>
</template>
<script>
import BottomNav from '../components/BottomNav.vue'
import Vue from 'vue'
import { Icon } from 'vant'

Vue.use(Icon)
export default {
  components: {
    BottomNav
  },
  data () {
    return {
      show: false
    }
  },
  created () {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.bg{
    width: 100vw;
    height: 119px;
}
.box{
    height: 64px;
    padding: 0px 16px;
    border-bottom: 1px solid #e2dfdf;
    position: relative;
    display: flex;
    align-items: center;
    img{
        width: 25px;
        height: 25px;
    }
    .name{
        margin-left: 20px;
        line-height: 1;
        font-size: 17px;
        color: #333333;
    }
    .ic_right{
        position: absolute;
        right: 16px;
        color: #c9cddb;
        font-size: 16px;
    }
}
</style>
